import {
	userBehavior
} from './behavior'
import {
	setStorage
} from '../../../../utils/storage'
import {
	reqUploadFile,
	reqUpdateUserInfo
} from '../../../../api/user'
Page({
	behaviors: [userBehavior],
	// 页面的初始数据
	data: {
		isShowPopup: false // 控制更新用户昵称的弹框显示与否
	},
	async chooseAvatar(event) {
		const {
			avatarUrl
		} = event.detail
		// 使用wx.uploadFile方法
		// wx.uploadFile({
		// 	filePath: avatarUrl,
		// 	name: 'file',
		// 	url: 'https://gmall-prod.atguigu.cn/mall-api/fileUpload',
		// 	header: {
		// 		token: getStorage('token')
		// 	},
		// 	success: (res) => {
		// 		const {
		// 			data
		// 		} = JSON.parse(res.data)
		// 		this.setData({
		// 			'userInfo.headimgurl': data
		// 		})
		// 	}
		// })
		// // 先渲染头像
		// this.setData({
		// 	'userInfo.headimgurl': avatarUrl
		// })
		const {
			data
		} = await reqUploadFile(avatarUrl, 'file')
		// 先渲染头像
		this.setData({
			'userInfo.headimgurl': data
		})
	},
	updateUserInfo() {
		this.data.userInfo
		reqUpdateUserInfo(this.data.userInfo).then(() => {
			// 存储到本地
			setStorage('userInfo', this.data.userInfo)
			// 同时同步到store
			this.setUserInfo(this.data.userInfo)
			wx.showToast({
				title: '用户信息修改成功',
				duration: 700,
				success: function () {
					setTimeout(() => {
						wx.navigateBack()
					}, 700);
				}
			})
			// wx.navigateBack()
		})
	},
	getNickname(event) {
		const {
			detail
		} = event
		// 先将更改的昵称渲染上去
		this.setData({
			'userInfo.nickname': detail.value.nickname,
			isShowPopup: false
		})
	},
	resetNickname() {
		this.setData({
			'userInfo.nickname': this.data.userInfo.nickname
		})
	},
	// 显示修改昵称弹框
	onUpdateNickName() {
		this.setData({
			isShowPopup: true
		})
	},

	// 弹框取消按钮
	cancelForm() {
		this.setData({
			isShowPopup: false
		})
	},
})